//注意：除了要在 cart.vue 页面中设置购物车的数字徽标，还需要在其它 3 个 tabBar 页面中，为购物车设置数字徽标。
//此时可以使用 Vue 提供的 mixins 特性，封装一个tabbar-badge，提高代码的可维护性。
//按需导入store中的方法
import { mapGetters } from 'vuex'
export default {
	computed: {
		...mapGetters('m_cart', ['total'])
	},
	watch: {
		total(newVal) {
			this.setBadge()
		}
	},
	onShow() {
	   // 在页面刚展示的时候，设置数字徽标
	   this.setBadge()
	},
	methods: {
	   setBadge() {
	      // 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
		  //这个api可以给任意TabBar设置右上角的徽标
	      uni.setTabBarBadge({
	         index: 2, // 索引
	         text: this.total + '' // 注意：text 的值必须是字符串，不能是数字
	      })
	   }
	}
}